<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/detail.css">
    <title>Document</title>
</head>

<body>
    <div class="o_body">
        <div class="all">
            <header class="header">
                <nav class="nav">
                    <div class="nav_quan">
                        <div class="nav_lfet">
                            <div class="logo">
                                <img src="https://image.haier.com/cn/images/haier2019_logo.jpg" alt="">
                            </div>
                            <div class="nav_box">
                                <div class="active">智慧家庭</div>
                                <div>个人与家用产品</div>
                                <div>商业解决方案</div>
                                <div>购买与服务</div>
                                <div>关于海尔</div>
                            </div>
                        </div>
                        <div class="nav_right">
                            <div class="search_box">
                                <div class="search_bju">
                                    <input type="text" placeholder="大容量洗衣机">
                                    <span>
                                        <img class="icon" src="../img/search.png" alt="">
                                    </span>
                                </div>
                            </div>
                            <span>
                                <img class="icon" src="../img/my.png" alt="">
                            </span>
                            <span>
                                <img class="icon" src="../img/shopcar.png" alt="">
                            </span>
                        </div>
                    </div>
                </nav>
            </header>
            <main class="main o_g">
                <!-- 产品预览开始 -->
                <div class="main_top">
                    <div class="content_warp">
                        <div class="main_top_nav" spm-c-desc="面包屑">
                            <!-- <a href="./home.html">首页</a>&nbsp;&gt;
                            <a href="./productlist.html" class="js_type"></a>&nbsp;&gt;
                            <span class="js_vertion"></span> -->
                        </div>
                        <div class="main_top_content">
                            <div class="main_top_content_left">
                                <div class="main_top_product">
                                    <!-- 产品大图start -->
                                    <div class="main_top_product_big">
                                        <!-- <img src="" alt="">
                                        <div></div> -->
                                    </div>
                                    <!-- 产品大图end -->
                                    <!-- 放大镜start -->
                                    <div class="zoomdiv">
                                        <!-- <img src="" class="bigimg" alt=""> -->
                                    </div>
                                    <!-- 放大镜end -->
                                    <!-- 产品缩略图start -->
                                    <div class="main_top_product_small">
                                        <div class="main_top_product_small_box">
                                            <div class="showbox">
                                                <ul>
                                                    <li>
                                                        <img src="" alt="">
                                                    </li>
                                                    <li>
                                                        <img src="../img/detail_product2.png" alt="">
                                                    </li>
                                                    <li>
                                                        <img src="../img/detail_product3.png" alt="">
                                                    </li>
                                                    <li>
                                                        <img src="../img/detail_product4.png" alt="">
                                                    </li>
                                                    <li>
                                                        <img src="../img/detail_product5.png" alt="">
                                                    </li>
                                                    <li>
                                                        <img src="../img/detail_product6.png" alt="">
                                                    </li>
                                                    <li>
                                                        <img src="../img/detail_product7.png" alt="">
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="pageleft">
                                                <span class="iconfont icon-left disabled"></span>
                                            </div>
                                            <div class="pageright">
                                                <span class="iconfont icon-right"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 产品缩略图end -->
                                </div>
                            </div>
                            <div class="main_top_content_right">
                                <div class="main_top_content_right_content">
                                    <div class="main_top_content_right_title">
                                        <!-- <p></p>
                                        <span></span> -->
                                    </div>
                                    <div class="main_top_content_right_price">
                                        <div class="price">
                                            <!-- <span>参考价</span>
                                            <i>&nbsp;&nbsp;￥&nbsp;</i>
                                            <span></span> -->
                                        </div>
                                        <div class="tip">
                                            <span class="iconfont icon-icon_xinxitishi"></span>
                                            <p>具体成交价格根据商品参加活动或会员使用优惠券、积分等发生变化，最终以各渠道订单结算页价格为准</p>
                                        </div>
                                    </div>
                                    <div class="main_top_content_right_buy">
                                        <div class="buy_group">
                                            <div class="buy_btn">
                                                <p>立即购买</p>
                                                <p style="margin-top: 10px;">加入购物车</p>
                                            </div>
                                            <div class="buy_mobile">
                                                <div>
                                                    <span class="iconfont icon-icon_erweima"></span>
                                                    <i>手机查看</i>
                                                </div>
                                                <div class="main_ewm">
                                                    <div>
                                                        <img src="../img/detail_main-ewm.png" alt="">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="buy_nearby">
                                                <a href="./productlist.html">看看相似产品></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 产品预览结束 -->
                <!-- tab切换 start -->
                <div class="tab_box">
                    <div class="tab_wrap">
                        <div class="content_warp">
                            <ul class="tab js_tab">
                                <li class="tab_current">
                                    <i class="tab_text">产品介绍</i>
                                </li>
                                <li>
                                    <i>规格参数</i>
                                </li>
                                <li>
                                    <i>用户口碑
                                        <span>(27)</span>
                                    </i>
                                </li>
                                <li>
                                    <i>服务支持</i>
                                </li>
                            </ul>
                            <div class="buy_btnbox">
                                <a href="javascript:;" class="buy_online">在线购买</a>
                                <a href="./productlist.html" class="buy_offline">看看相似产品></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- tab切换 end -->
                <!-- tab内容区 start -->
                <div class="js_tabShow">
                    <div class="tab_content currentTab">
                        <!-- 产品介绍 start -->
                        <div class="product_introduce">
                            <div class="product_main">
                                <!-- 基础属性 start -->
                                <div class="basic_attribute content_warp">
                                    <div class="item">
                                        <span class="name">箱门结构</span>
                                        <span class="value">十字对开门</span>
                                    </div>
                                    <div class="item">
                                        <span class="name">总容积</span>
                                        <span class="value">500升</span>
                                    </div>
                                    <div class="item">
                                        <span class="name">制冷方式</span>
                                        <span class="value">风冷</span>
                                    </div>
                                    <div class="item">
                                        <span class="name">压缩机</span>
                                        <span class="value">变频</span>
                                    </div>
                                </div>
                                <!-- 基础属性 end -->
                                <!-- 卖点 start -->
                                <div class="sell_point content_warp">
                                    <div class="item">
                                        <span class="iconfont icon-xuhao point_icon"></span>
                                        <span class="value">DEO净味保鲜</span>
                                    </div>
                                    <div class="item">
                                        <span class="iconfont icon-xuhao1 point_icon"></span>
                                        <span class="value">T型大气储鲜</span>
                                    </div>
                                    <div class="item">
                                        <span class="iconfont icon-xuhao2 point_icon"></span>
                                        <span class="value">智能交互</span>
                                    </div>
                                    <div class="item">
                                        <span class="iconfont icon-xuhao3 point_icon"></span>
                                        <span class="value">每天0.83度电</span>
                                    </div>
                                </div>
                                <!-- 卖点 end -->
                                <!-- 图文特性 start -->
                                <div class="sd_imgtext">
                                    <div class="trs_hk_features">
                                        <div class="imgborderbg">
                                            <div class="content_box">
                                                <div class="leftimg_righttext">
                                                    <div class="o_df_1-2">
                                                        <div class="textwrap">
                                                            <div class="textbox">
                                                                <div class="firstT">
                                                                    DEO净味保鲜
                                                                </div>
                                                                <div class="secondT">
                                                                    有效祛除冰箱内异味，延长果蔬保鲜周期，储鲜环境更健康，给家人安心的陪伴
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="o_df_1-2 o_clearbox ">
                                                        <div class="imgbox">
                                                            <div class="imgfather">
                                                                <div class="bg"></div>
                                                                <div class="imgouter">
                                                                    <img src="../img/detail_sd_imgtext1.png" alt="">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="trs_hk_features">
                                        <div class="imgborderbg">
                                            <div class="content_box">
                                                <div class="lefttext_rightimg">
                                                    <div class="o_df_1-2">
                                                        <div class="textwrap">
                                                            <div class="textbox">
                                                                <div class="firstT">
                                                                    T型大气储鲜 全家人的美食各有空间
                                                                </div>
                                                                <div class="secondT">
                                                                    T型空间，冷藏冷冻精细分储，全家人的食材种类再多也不怕放不下
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="o_df_1-2 o_clearbox ">
                                                        <div class="imgbox">
                                                            <div class="imgfather">
                                                                <div class="bg"></div>
                                                                <div class="imgouter">
                                                                    <img src="../img/detail_sd_imgtext2.png" alt="">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="trs_hk_features">
                                        <div class="imgborderbg">
                                            <div class="content_box">
                                                <div class="leftimg_righttext">
                                                    <div class="o_df_1-2">
                                                        <div class="textwrap">
                                                            <div class="textbox">
                                                                <div class="firstT">
                                                                    每天0.83度电 践行环保新主张
                                                                </div>
                                                                <div class="secondT">
                                                                    每天用电量更少，环保目标轻松实现
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="o_df_1-2 o_clearbox ">
                                                        <div class="imgbox">
                                                            <div class="imgfather">
                                                                <div class="bg"></div>
                                                                <div class="imgouter">
                                                                    <img src="../img/detail_sd_imgtext3.png" alt="">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="trs_hk_features">
                                        <div class="imgborderbg">
                                            <div class="content_box">
                                                <div class="lefttext_rightimg">
                                                    <div class="o_df_1-2">
                                                        <div class="textwrap">
                                                            <div class="textbox">
                                                                <div class="firstT">
                                                                    药妆小独盒 健康安心储 美丽随心藏
                                                                </div>
                                                                <div class="secondT">
                                                                    深海鱼油、酵素独立存储，爸妈的营养品也有一席之地，磁铁吸附式窗格设计，食品级材质，符合RoHS认证，使用安心
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="o_df_1-2 o_clearbox ">
                                                        <div class="imgbox">
                                                            <div class="imgfather">
                                                                <div class="bg"></div>
                                                                <div class="imgouter">
                                                                    <img src="../img/detail_sd_imgtext4.png" alt="">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="trs_hk_features">
                                        <div class="imgborderbg">
                                            <div class="content_box">
                                                <div class="content_warp">
                                                    <div class="leftimg_righttext">
                                                        <div class="o_df_1-2">
                                                            <div class="textwrap">
                                                                <div class="textbox_bg"></div>
                                                                <div class="textbox">
                                                                    <div class="firstT">
                                                                        一键母婴黄金4℃
                                                                    </div>
                                                                    <div class="secondT">
                                                                        一键调至黄金4℃，轻松便捷，保留母乳天然营养成分，密封空间防止细菌侵入，新手妈妈放心育儿
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="o_df_1-2 o_clearbox">
                                                            <div class="imgbox">
                                                                <div class="imgouter">
                                                                    <img src="../img/detail_sd_imgtext5.png" alt="">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="trs_hk_features">
                                        <div class="imgborderbg">
                                            <div class="content_box">
                                                <div class="lefttext_rightimg">
                                                    <div class="o_df_1-2">
                                                        <div class="textwrap">
                                                            <div class="textbox">
                                                                <div class="firstT">
                                                                    智能交互 人性化暖心陪伴
                                                                </div>
                                                                <div class="secondT">
                                                                    智能WiFi连接小优音箱，为饮食提供更便捷的解决方案
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="o_df_1-2 o_clearbox ">
                                                        <div class="imgbox">
                                                            <div class="imgfather">
                                                                <div class="bg"></div>
                                                                <div class="imgouter">
                                                                    <img src="../img/detail_sd_imgtext6.png" alt="">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- 图文特性 end -->
                            </div>
                            <!-- 产品推荐 start -->
                            <div class="product_recommend">
                                <div class="content_warp">
                                    <div class="product_recommend_content">
                                        <div class="product_recommend_content_top">
                                            <ul>
                                                <li class="product_recommend_current">
                                                    <p>相似产品
                                                        <i></i>
                                                    </p>
                                                </li>
                                                <li>
                                                    <p>周边产品
                                                        <i></i>
                                                    </p>
                                                </li>
                                                <li>
                                                    <p>猜你喜欢
                                                        <i></i>
                                                    </p>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="product_recommend_content_bottom">
                                            <div class="product_recommend_content_bottom_content">
                                                <span class="iconfont icon-right"></span>
                                                <span class="iconfont icon-left"></span>
                                                <!-- 相似产品 start -->
                                                <div class="js_product_recommend_tab js_product_recommend_tab_current">
                                                    <ul>
                                                        <li>
                                                            <a href="https://www.haier.com/cooling/20180514_86673.shtml">
                                                                <div class="lb_box">
                                                                    <div class="img_box">
                                                                        <img src="../img/detail_xstj_img.png" alt="">
                                                                    </div>
                                                                    <div class="img_name">
                                                                        <p>471升风冷变频十字对开门冰箱</p>
                                                                        <span>BCD-471WDEA</span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="https://www.haier.com/cooling/20180514_86673.shtml">
                                                                <div class="lb_box">
                                                                    <div class="img_box">
                                                                        <img src="../img/detail_xstj_img.png" alt="">
                                                                    </div>
                                                                    <div class="img_name">
                                                                        <p>471升风冷变频十字对开门冰箱</p>
                                                                        <span>BCD-471WDEA</span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="https://www.haier.com/cooling/20180514_86673.shtml">
                                                                <div class="lb_box">
                                                                    <div class="img_box">
                                                                        <img src="../img/detail_xstj_img.png" alt="">
                                                                    </div>
                                                                    <div class="img_name">
                                                                        <p>471升风冷变频十字对开门冰箱</p>
                                                                        <span>BCD-471WDEA</span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="https://www.haier.com/cooling/20180514_86673.shtml">
                                                                <div class="lb_box">
                                                                    <div class="img_box">
                                                                        <img src="../img/detail_xstj_img.png" alt="">
                                                                    </div>
                                                                    <div class="img_name">
                                                                        <p>471升风冷变频十字对开门冰箱</p>
                                                                        <span>BCD-471WDEA</span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="https://www.haier.com/cooling/20180514_86673.shtml">
                                                                <div class="lb_box">
                                                                    <div class="img_box">
                                                                        <img src="../img/detail_xstj_img.png" alt="">
                                                                    </div>
                                                                    <div class="img_name">
                                                                        <p>471升风冷变频十字对开门冰箱</p>
                                                                        <span>BCD-471WDEA</span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="https://www.haier.com/cooling/20180514_86673.shtml">
                                                                <div class="lb_box">
                                                                    <div class="img_box">
                                                                        <img src="../img/detail_xstj_img.png" alt="">
                                                                    </div>
                                                                    <div class="img_name">
                                                                        <p>471升风冷变频十字对开门冰箱</p>
                                                                        <span>BCD-471WDEA</span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="https://www.haier.com/cooling/20180514_86673.shtml">
                                                                <div class="lb_box">
                                                                    <div class="img_box">
                                                                        <img src="../img/detail_xstj_img.png" alt="">
                                                                    </div>
                                                                    <div class="img_name">
                                                                        <p>471升风冷变频十字对开门冰箱</p>
                                                                        <span>BCD-471WDEA</span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="https://www.haier.com/cooling/20180514_86673.shtml">
                                                                <div class="lb_box">
                                                                    <div class="img_box">
                                                                        <img src="../img/detail_xstj_img.png" alt="">
                                                                    </div>
                                                                    <div class="img_name">
                                                                        <p>471升风冷变频十字对开门冰箱</p>
                                                                        <span>BCD-471WDEA</span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="https://www.haier.com/cooling/20180514_86673.shtml">
                                                                <div class="lb_box">
                                                                    <div class="img_box">
                                                                        <img src="../img/detail_xstj_img.png" alt="">
                                                                    </div>
                                                                    <div class="img_name">
                                                                        <p>471升风冷变频十字对开门冰箱</p>
                                                                        <span>BCD-471WDEA</span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="https://www.haier.com/cooling/20180514_86673.shtml">
                                                                <div class="lb_box">
                                                                    <div class="img_box">
                                                                        <img src="../img/detail_xstj_img.png" alt="">
                                                                    </div>
                                                                    <div class="img_name">
                                                                        <p>471升风冷变频十字对开门冰箱</p>
                                                                        <span>BCD-471WDEA</span>
                                                                    </div>
                                                                </div>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <!-- 相似产品 end -->
                                                <div class="js_product_recommend_tab">周边产品</div>
                                                <div class="js_product_recommend_tab">猜你喜欢</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- 产品推荐 end -->
                        </div>
                        <!-- 产品介绍 end -->
                    </div>
                    <div class="tab_content apply_none">规格参数</div>
                    <div class="tab_content apply_none">用户口碑</div>
                    <div class="tab_content apply_none">服务支持</div>
                </div>
                <!-- tab内容区 end -->
            </main>
            <footer class="footer">
                <div class="warp">
                    <div class="list">
                        <div class="list_item">
                            <span>智慧家庭</span>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                        </div>
                        <div class="list_item">
                            <span>个人与家用产品</span>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                        </div>
                        <div class="list_item">
                            <span>商业解决方案</span>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                        </div>
                        <div class="list_item">
                            <span>购买与服务</span>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                        </div>
                        <div class="list_item">
                            <span>关于海尔</span>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                        </div>
                        <div class="list_item">
                            <span>友情链接</span>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                            <li>
                                <a href="">21212</a>
                            </li>
                        </div>
                    </div>
                    <div class="bottom">
                        <div class="b_left">
                            <div class="sd_nav">
                                <span>关于海尔</span>
                                <b>|</b>
                                <span>法律声明</span>
                                <b>|</b>
                                <span>联系我们</span>
                                <b>|</b>
                                <span>帮助中心</span>
                                <b>|</b>
                                <span>海尔门店</span>
                            </div>
                        </div>
                        <div class="mid">
                            <span>鲁ICP备09096283</span>
                            <b>|</b>
                            <span>Copyright ©2000-2020 haier.com ALL Rights Reserved</span>
                        </div>
                        <div class="right">
                            <div class="wp">
                                <span>Haier 全球网站群 · </span>
                                <a href="https://www.haier.com/cn/public/changecountry/">
                                    <span>中国</span>
                                </a>
                                <span class="gz">关注海尔</span>
                            </div>
                        </div>
                    </div>
                </div>
            </footer>
        </div>
    </div>
    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="../node_modules/jquery.cookie/jquery.cookie.js"></script>
    <script src="../js/detail.js"></script>
</body>

</html>